<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>图猫云社区</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no" />
  <meta name="description" content="图猫,摄影,图猫云社区" /> <!-- 页面描述 -->
  <meta name="keywords" content="图猫,摄影,图猫云社区"/> <!-- 页面关键字 -->
  <meta name="author" content="图猫" /> <!-- 作者 -->
  <link href="bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
  <link href="css/animate.min.css" rel="stylesheet">
</head>
<body>
<div id="loader" class="loader" style="display: block;">
  <div class="load">
  <img src="img/load-logo.png" alt="load">
    <div class="load-animation">
	    <span class="load-item"><img src="img/load.png" alt="load"></span>
	    <span class="load-item load-item-revers"><img src="img/load.png" alt="load"></span>
	    <span class="load-item delay-200"><img src="img/load.png" alt="load"></span>
    </div>
  </div>
</div>

<div class="banner">
	<div class="head">
		<a class="logo wow fadeInDown" href="#"><img src="img/logo.png" alt="logo" title="图猫云社区"></a>
		<div class="headcrl wow fadeInUp" data-wow-delay="0.2s">
		  <!-- Nav tabs -->
		  <ul class="nav nav-tabs" role="tablist">
		    <li role="presentation"><a href="#app" aria-controls="app" role="tab" data-toggle="tab">下载APP</a></li>
		    <li role="presentation" class="active"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">影像云社区</a></li>
		    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">了解图猫</a></li>
		  </ul>
		  <!-- Tab panes -->
		  <div class="tab-content">
		  	<!-- 下载App -->
		    <div role="tabpanel" class="tab-pane" id="app">
					<div class="row">
						<div class="col-sm-7 xzbtn">
							<p><span class="font-de">Android版：</span><a href="#"><img src="img/androiddown-btn.png"></a></p>
							<p><span class="font-de">iPhone版：</span><a href="#"><img src="img/iosdown-btn.png"></a></p>
						</div>
						<div class="col-sm-5">
							<img class="border-img" src="img/app-erwm.jpg">
						</div>
					</div>
		    </div>
		    <!-- 登录 -->
<!-- 		    <div class="tab-pane active clearfix" id="profile" role="tabpanel">
		    	<div class="row">
					<div class="col-sm-8 login-from">
					  <form class="form-horizontal" action="/admin.php?c=login&amp;a=act_login" method="post">
						  <div class="form-group">
						    <label for="username" class="col-sm-2 control-label">用户:</label>
						    <div class="col-sm-10">
						      <input type="text" class="form-control" id="username" placeholder="登录名">
						    </div>
						  </div>
						  <div class="form-group">
						    <label for="password" class="col-sm-2 control-label">密码:</label>
						    <div class="col-sm-10">
						      <input type="password" class="form-control" id="password" placeholder="密码">
						    </div>
						  </div>
						  <div class="form-group">
						    <div class="col-sm-offset-2 col-sm-10">
						      <a class="pull-right font-de" href="#">忘记密码</a>
						    </div>
						  </div>
						  <div class="form-group">
						    <div class="col-sm-offset-2 col-sm-10">
						      <a class="line-fn" href="#">手机注册</a>
						      <button type="submit" class="btn btn-info pull-right tumao-btn">登录</button>
						    </div>
						  </div>
						</form>
					</div>
					<div class="col-sm-4 erwm">
						<i class="fjx hidden-xs"><img src="img/or.png"></i>
						<img class="center-block border-img" src="img/gongzhong.jpg" width="144" height="144">
						<span class="wix-tip">扫一扫,关注图猫</span>
					</div>
					</div>
		    </div> -->
		    <div class="tab-pane active clearfix" id="profile" role="tabpanel">
		    	<div class="row">
					<div class="col-sm-6 login-from">
						  <div class="form-group">
						    <img class="center-block" src="img/btnxu.png">
						  </div>
						  <div class="form-group">
						    <button type="submit" class="btn btn-info center-block tumao-btn tuu-1">登录</button>
						  </div>
						  <div class="form-group">
						    <button type="submit" class="btn btn-info center-block tumao-btn tuu-2">手机注册</button>
						  </div>
					</div>
					<div class="col-sm-6 erwm">
						<i class="fjx hidden-xs"><img src="img/or.png"></i>
						<img class="center-block border-img" src="img/gongzhong.jpg" width="144" height="144">
						<span class="wix-tip">扫一扫,关注图猫</span>
					</div>
					</div>
		    </div>
		    <div role="tabpanel" class="tab-pane" id="messages">
		    	<span class="js-img"><img src="img/js.png"></span>
		    </div>
		  </div>
		</div>
	</div>
	<div id="carousel-example-generic" class="carousel slide focusbg" data-ride="carousel">
	  <div class="carousel-inner" role="listbox">
	    <div class="item active"><div class="ban" style="background-image:url(img/bg_01.jpg);"></div></div>
	    <div class="item"><div class="ban" style="background-image:url(img/bg_02.jpg);"></div></div>
	    <div class="item"><div class="ban" style="background-image:url(img/bg_03.jpg);"></div></div>
	    <div class="item"><div class="ban" style="background-image:url(img/bg_04.jpg);"></div></div>
	  </div>
	</div>
</div>
<div class="container cdjz">
	<h2 class="wow fadeInUp">传递影像价值</h2>
	<p class="wow fadeInUp" data-wow-duration="0.4s" data-wow-delay="0.5s">发起话题、寻找同好、记录生活、分享精彩，图猫为摄影爱好者圈子提供图片影像交流的互联网化工具，<br>帮助每个社团、每位作者、 每份值得纪念的图像产生更大价值。
	</p>
	<img class="conimg wow fadeInUp"  data-wow-duration="1.2s" src="img/contation1.jpg">
</div>
<div class="container jianjie">
	<div class="row">
		<div class="col-sm-6 wow fadeInUp">
			<dl class="jx-info">
				<dt><img src="img/zu-1.png"></dt>
				<dd>
					<h2>影像云社区</h2>
					<p class="wow fadeInUp" data-wow-delay="0.3s">摄影圈的一站式互联网+解决方案，社团自己的影像云社区，<br>同步分享单反和手机图片</p>
				</dd>
			</dl>
		</div>
		<div class="col-sm-6 wow fadeInUp" data-wow-delay="0.3s">
			<dl class="jx-info">
				<dt><img src="img/zu-2.png"></dt>
				<dd>
					<h2>超级影辑APP</h2>
					<p class="wow fadeInUp" data-wow-delay="0.5s">聚合瞬间，用图片纽带连接更多可能，共享精彩无限...</p>
				</dd>
			</dl>
		</div>
	</div>
</div>
<div class="cn-bg">
<div class="container cdjz ">
	<h2 class="wow fadeInUp">做明天的影像生活梦想+</h2>
	<p class="wow fadeInUp" data-wow-duration="0.4s" data-wow-delay="0.5s">TOMO汇集千万影像大咖、摄影爱好者、影像玩家以及疯狂自拍客，大家因梦想而结缘，因分享而收获。<br>
在这里，你总能挥发自己的光彩和圈子，让每一瞬的光芒汇成星河，一起照亮梦想的天空。</p>
</div>
	<img src="img/tpveiw.jpg" class="center-block jsimg wow fadeInUp"  data-wow-duration="1.2s">
</div>
<div class="footer">
<div class="container wow fadeInUp">
	<p>
		<span>关注我们了解更多：</span>
		<a href="javascript:;"><img src="img/btn-1.png"></a>
		<a href="javascript:;"><img src="img/btn-2.png"></a>
		<a href="javascript:;" id="cle2"><img src="img/btn-3.png"></a>
		<a href="mailto:wangwenli@tomomall.com"><img src="img/btn-4.png"></a>
	</p>
	<span class="pull-right cmcic">@图猫网2012-2015年 All Rights Reserved | 粤ICP备12052136号</span>
</div>
</div>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/tinybox.js"></script>
<script>
var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animated',
    offset: 0,
    mobile: true,
    live: true
});
document.documentElement.style.overflow='hidden';
$(window).on('load', function () {
    if(document.readyState=='complete'){
 	  document.getElementById('loader').style.display = 'none';
		wow.init();
		document.documentElement.style.overflow='auto';
	}
});

var content = "<img src='img/gongzhong.jpg' width='184' height='184' alt='...' />";
T$('cle2').onclick = function(){
	TINY.box.show(content,0,184+40,184+40,1)
}
</script>
</body>
</html>